<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>trenddata</title>
<link href="css/hmappstyles.css" rel="stylesheet" type="text/css">
<link href="jquery/jquery-ui.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/jquery-ui.js"></script>
<script type="text/javascript" src="jquery/jquery.flot.js"></script>
<script type="text/javascript" src="jquery/jquery.flot.time.js"></script>
<script type="text/javascript" src="jquery/jquery.flot.navigate.js"></script>
<script type="text/javascript" src="jquery/jquery.flot.resize.js"></script>
<script type="text/javascript" src="js/hmappscripts.js"></script>
<script type="text/javascript" src="js/trenddata.js"></script>
</head>
<body>
	<div id="north">
		<h1>Trenddaten</h1>
	</div>
	<div id="middle">
		<div id="west">
			<div id="northwest">
				<table>
					<tr>
						<td><b>Optionen:</b></td>
						<td></td>
					</tr>
					<tr>
						<td><label for="legendCheckBox">Legende</label></td>
						<td><input type="checkbox" name="legendCheckBox"
							id="legendCheckBox" checked /></td>
					</tr>
					<tr>
						<td><label>Zoom x/y</label></td>
						<td><input type="checkbox" name="zoomXCheckBox"
							id="zoomXCheckBox" checked />/<input type="checkbox"
							name="zoomYCheckBox" id="zoomYCheckBox" checked /></td>
					</tr>
					<tr>
						<td>Datenexport</td>
						<td><input type="button" name="butExport" value="Push"
							id="butExport" /></td>
					</tr>

					<tr>
						<td><b>Intervall:</b></td>
						<td></td>
					</tr>
					<tr>
						<td>Start-Datum</td>
						<td><input type="text" id="dateFrom"></td>
					</tr>
					<tr>
						<td>Ende-Datum</td>
						<td><input type="text" id="dateTo"></td>
					</tr>
					<tr>
						<td>Neu laden</td>
						<td><input type="button" name="butReload" value="Push"
							id="butReload" /></td>
					</tr>
					<tr>
						<td><b>Messpunktgruppen:</b></td>
						<td></td>
					</tr>
					<tr>
						<td>Auswahl</td>
						<td><select name="mplist" id="mplist">
						</select></td>
					</tr>
					<tr>
						<td></td>
						<td><input type="button" name="butMPLSave" value="Sichern"
							id="butMPLSave" /><input type="button" name="butMPLDelete"
							value="Löschen" id="butMPLDelete" /><input type="button"
							name="butMPLNew" value="Neu" id="butMPLNew" /></td>

					</tr>
					<tr>
						<td><b>Messpunkte:</b></td>
						<td></td>
					</tr>

				</table>
			</div>
			<div id="southwest"></div>
			<div id="southsouthwest">
				<input type="button" name="butStartPage"
					value="Zurück zur Startseite" id="butStartPage" class="blockbutton"
					onclick="window.location.replace('index.jsp')" />
			</div>
		</div>
		<div id="placeholder"></div>
	</div>
	<div style="clear: both"></div>
	<div id="south">
		"History Manager" von Caroline Hefter, Marcel Bardehle und Thomas
		Aulich; Benutzt zur Visualisierung <a
			href="http://www.flotcharts.org/" target="_blank">Flot-Version <script
				language="javascript">
				document.write($.plot.version);
			</script></a>, JavaScript plotting library
	</div>
</body>
</html>
